<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{{$headTitle}}
{{$headMeta}}
<link href="{{$LAYOUT_HELPER_URL}}front/css/style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="{{$LAYOUT_HELPER_URL}}front/images/favicon1.ico" />
<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/swf/swfobject.js"></script>
<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.js"></script>
<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/list_images.js"></script>
<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery-ui.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>
</head>

<body>

<div id="page_margins{{$LANG_CODE}}">
  <div id="page">
    <div id="header">
      <div class="box_logo float_left"><a href="{{$BASE_URL}}"><img src="{{$LAYOUT_HELPER_URL}}front/images/logo.png" width="189" height="127" /></a></div>
      <div class="cb"></div>
    </div>
    {{sticker name = main_menu}}
    <div class="box_fag"><span class="float_right">
     <!-- LANGUAGES -->
          {{sticker name=lang_button}}
          <!-- END LANGUAGES -->
    </span>
    </div>
    <div class="cb"></div>
    <div id="featured" >
      <ul class="ui-tabs-nav">
        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1" title="fragment-1"></a></li>
        <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2" title="fragment-2"></a></li>
        <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3" title="fragment-3"></a></li>
        <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4" title="fragment-4"></a></li>
        <li class="ui-tabs-nav-item" id="nav-fragment-5"><a href="#fragment-5" title="fragment-5"></a></li>
      </ul>
      
      <!-- First Content -->
      <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="{{$LAYOUT_HELPER_URL}}front/images/banner1.jpg" alt="banner1" title="banner1" /> </div>
      
      <!-- Second Content -->
      <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="{{$LAYOUT_HELPER_URL}}front/images/banner2.jpg" alt="banner2" title="banner2" /> </div>
      
      <!-- Third Content -->
      <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="{{$LAYOUT_HELPER_URL}}front/images/banner3.jpg" alt="banner3" title="banner3"/> </div>
      
      <!-- Fourth Content -->
      <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="{{$LAYOUT_HELPER_URL}}front/images/banner4.jpg" alt="banner4" title="banner4"/> </div>
      <!-- Fourth Content -->
      <div id="fragment-5" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="{{$LAYOUT_HELPER_URL}}front/images/banner5.jpg" alt="banner5" title="banner5"/> </div>
    </div>
    <div id="main" class=" p15t">
      
  		<!-- LEFT -->
    	{{$content}}
		<!-- END LEFT -->
		
      {{sticker name = right_menu}}
      <div class="cb"></div>
    </div>
  </div>
  {{sticker name = footer}}
</div>

<!-- GOOGLE ANALYTICS -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-26311800-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>
